/** ##   useRef 
 *  ###  使用场景：在函数组件中获取真实的dom元素对象或者是组件对象。
 *  ###  使用步骤：1.导入useRef 函数
 *                 2.执行useRef 函数并传入null,返回值为一个对象，内部有一个current属性存放拿到的dom对象（组件实例）
 *                 3.通过ref绑定要获取的元素或组件
 */

// 获取dom
import React,{useEffect,useRef} from 'react' 
export function Foo1(params) {
    const h1Ref = useRef(null)
    useEffect(()=>{
        console.log(h1Ref);
    },[])
    return (
        <div>
            <h1 ref={h1Ref}>this is h1</h1>
        </div>
    )
}
// 获取组件实例
//   注意：函数组件由于没有实例，不能使用ref获取，如果想获取组件实例，必须是类组件。
class Test04 extends React.Component {
    sayHi = () => {
        console.log('say Hi');
    }
    render(){
        return(
            <div>Test04</div>
        )
    }
}
export default Test04
